<!DOCTYPE html>
<html>
<head>
    <title>社保缴付明细</title>
    #parse("sys/header.html")
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" placeholder="单位名称">
            </div>
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" placeholder="员工姓名">
            </div>
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" placeholder="责任人">
            </div>
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" placeholder="责任部门">
            </div>
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" placeholder="险种">
            </div>
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" placeholder="年月">
            </div>
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" placeholder="方式">
            </div>
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" placeholder="是否结转">
            </div>
            <a class="btn btn-primary" @click="query"></i>&nbsp;查询</a>
            <!--#if($shiro.hasPermission("socialsecuritypaydetail:save"))
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            #end
            #if($shiro.hasPermission("socialsecuritypaydetail:update"))
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            #end
            #if($shiro.hasPermission("socialsecuritypaydetail:delete"))
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
            #end-->
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">社保险种</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.socialSecurityType"
                           placeholder="社保险种"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">责任部门</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.responsibilitydepartment"
                           placeholder="责任部门"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">责任人</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.responsibilityperson"
                           placeholder="责任人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">单位名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.unitName"
                           placeholder="单位名称"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">姓名</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.name" placeholder="姓名"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">身份证号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.cardNo"
                           placeholder="身份证号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">年</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.year" placeholder="年"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">月</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.month" placeholder="月"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">方式</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.way" placeholder="方式"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">是否结转</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.isCarryOver"
                           placeholder="是否结转"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">基数</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.baseNum" placeholder="基数"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">单位比例</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.unitScale"
                           placeholder="单位比例"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">个人比例</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.personScale"
                           placeholder="个人比例"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">单位应缴</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.unitPayable"
                           placeholder="单位应缴"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">个人应缴</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.personPayable"
                           placeholder="个人应缴"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">应缴付款劳动局状态</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.payableState"
                           placeholder="应缴付款劳动局状态"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">应缴补报单位</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.bubaoPayableUnit"
                           placeholder="应缴补报单位"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">应缴补报个人</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.bubaoPayablePerson"
                           placeholder="应缴补报个人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">应缴补报付款状态</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.bubaoPayableState"
                           placeholder="应缴补报付款状态"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">应缴补差单位</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.balancePayableUnit"
                           placeholder="应缴补差单位"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">应缴补差个人</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.balancePayablePerson"
                           placeholder="应缴补差个人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">应缴补差付款状态</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.balancePayableState"
                           placeholder="应缴补差付款状态"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">单位付款</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.unitPay"
                           placeholder="单位付款"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">个人付款</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.personPay"
                           placeholder="个人付款"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">付款补报单位</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.bubaoPayUnit"
                           placeholder="付款补报单位"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">付款补报个人</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.bubaoPayPerson"
                           placeholder="付款补报个人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">付款补差单位</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.balancePayUnit"
                           placeholder="付款补差单位"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">付款补差个人</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.balancePayPerson"
                           placeholder="付款补差个人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">收款_单位结算</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.unitSettlement"
                           placeholder="收款_单位结算"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">收款_个人扣款</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.personDecut"
                           placeholder="收款_个人扣款"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">收款_社保交退单位</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.socialSurePayRefundUnit"
                           placeholder="收款_社保交退单位"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">收款_社保交退个人</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.socialSurePayRefundPerson"
                           placeholder="收款_社保交退个人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">收款_补差单位</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.balanceGatheringUnit"
                           placeholder="收款_补差单位"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">收款_补差个人</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.balanceGatheringPerson"
                           placeholder="收款_补差个人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">收付差异_单位</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.payGetDifferUnit"
                           placeholder="收付差异_单位"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">收付差异_个人</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.payGetDifferPerson"
                           placeholder="收付差异_个人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">收付差异_说明</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="socialSecurityPayDetail.payGetDifferRemark"
                           placeholder="收付差异_说明"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${rc.contextPath}/js/socialSecurity/socialsecuritypaydetail.js?_${date.systemTime}"></script>
</body>
</html>